<template>
  <div class="instrument">
    <img
      :src="instrumentData.brand.logo"
      class="instrument-img"
    >
    <div class="instrument-content">
      <div class="instrument-country">
        <div class="instrument-country-title">
          产地
        </div>
        <div class="instrument-country-text">
          {{ instrumentData.brand.country||'' }}
        </div>
      </div>
      <div class="instrument-manufacturer">
        <div class="instrument-manufacturer-title">
          生产厂商
        </div>
        <div class="instrument-manufacturer-text">
          {{ instrumentData.brand.company||'' }}
        </div>
      </div>
      <div v-if="instrumentData.feature" class="instrument-characteristic">
        <div class="instrument-characteristic-title">
          仪器特色
        </div>
        <div class="instrument-characteristic-text">
          {{ instrumentData.feature||'' }}
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {

  },
  props: {
    instrumentData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {

    }
  },
  computed: {

  },
  created() {
  },
  mounted() {

  },
  methods: {

  }
}
</script>
<style scoped lang="scss">
.instrument-img {
  width: 348px;
  height: 162px;
  background: rgba(246, 246, 246, 1);
  border-radius: 4px;
  border: 1px solid #ccc;
}
.instrument-content{
  margin-top: 22px;
  .instrument-country{
    display: flex;
    .instrument-country-title{
       width: 64px;
      height: 22px;
      margin-left: 15px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
    }
    .instrument-country-text{
      margin-left: 44px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
    }
  }
  .instrument-manufacturer{
    display: flex;
    .instrument-manufacturer-title{
       width: 64px;
      height: 22px;
      margin-left: 15px;
      margin-top: 17px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
    }
    .instrument-manufacturer-text{
      margin-left: 44px;
      margin-top: 17px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
    }
  }
  .instrument-characteristic{
    display: flex;
    .instrument-characteristic-title{
       width: 64px;
      height: 22px;
      margin-left: 15px;
      margin-top: 17px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
    }
    .instrument-characteristic-text{
      width: 243px;
      margin-left: 44px;
      margin-top: 17px;
      font-size: 16px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
    }
  }
}
</style>
